let userId;


layui.use('element', function () {
    var element = layui.element;
});

$('#exchangeRecord-table').bootstrapTable({
    classes: 'table table-bordered table-hover table-striped',
    url: 'getExchangeRecordList',
    method: 'get',
    contentType:'application/json',
    dataType : 'json',        // 因为本示例中是跨域的调用,所以涉及到ajax都采用jsonp,
    uniqueId: 'exchangeId',
    idField: 'exchangeId',             // 每行的唯一标识字段
    cache:'false',
    toolbar: '#toolbar',       // 工具按钮容器
    buttonsToolbar: '#buttonsToolbar',
    showRefresh: true,         // 是否显示刷新按钮
    showSearchClearButton:true,
    //showToggle: true,        // 是否显示详细视图和列表视图的切换按钮(clickToSelect同时设置为true时点击会报错)
    pagination: true,                    // 是否显示分页
    sortOrder: "asc",                    // 排序方式
    sidePagination: "client",            // 分页方式：client客户端分页，server服务端分页
    pageNumber: 1,                       // 初始化加载第一页，默认第一页
    pageSize: 5,                        // 每页的记录行数     // 可供选择的每页的行数
    pageList:[5,10,15],
    search: true,                      // 是否显示表格搜索，此搜索是客户端搜索
    columns: [ {
        field: 'exchangeId',
        title: '订单号',
        sortable: true,
        align: 'center'
    },{
        field: 'goodsName',
        title: '商品名',
        align: 'center'
    }, {
        field: 'goodsPrice',
        title: '兑换积分',
        sortable: true,
        align: 'center'
    }, {
        field: 'goodsImage',
        title: '商品图片',
        formatter:function (value) {
            return "<img style='width: 60px;height: 60px' src="+value+">"
        }
    }, {
        field: 'exchangeTime',
        title: '交易时间',
        sortable: true
    },{
        field: 'trackingNumber',
        title: '物流单号',
        sortable: true,
        align: 'center',
        formatter:function (value) {
            if(value===null||value===""){
                return "<h4><span class='label label-pink'>还未发货</span></h4>"
            }else {
                return "<h4><span class='label label-success'>"+value+"</span></h4>";
            }

        }
    }],
    onLoadSuccess: function(data){
        $("[data-toggle='tooltip']").tooltip();
    }
});

